<template>
<div class="container">
<van-nav-bar
  title="个人详情"
  left-text="返回"

  left-arrow
  @click-left="onClickLeft"
 
/>
    <div class="userinfo">

        <div class="userinfo-item">
            <span>姓名：</span><span>{{userinfo.name}}</span>
        </div>
        <div class="userinfo-item">
            <span>性别：</span><span>{{userinfo.sex}}</span>
        </div>
        <div class="userinfo-item">
            <span>年龄：</span><span>{{userinfo.age}}</span>
        </div>
        <div class="userinfo-item">
            <span>职业：</span><span>{{userinfo.job}}</span>
        </div>
        <div class="userinfo-item">
            <span>健康状况：</span><span>{{userinfo.status}}</span>
        </div>
        <div class="userinfo-address">
            <span>社区地址：</span><span>{{userinfo.address}}</span>
        </div>
        <div class="userinfo-notice">
            <span>消息反馈：</span><span>{{userinfo.notice}}</span>
        </div>
    </div>
</div>
  
</template>

<script>
import { NavBar } from 'vant';
export default {
    data(){
        return {
            userinfo:{
                name:'xiaom',
                age:22,
                sex:'男',
                job:'程序员',
                status:'健康',
                address:'江苏省无锡市无锡市无锡市无锡市',
                notice:'近期状况良好'
            }
        }
    },
    created(){
        var id = sessionStorage.getItem('userId')
        console.log(id)
        this.getUserInfo()
    },
    methods:{
        getUserInfo(){
            
        },
        onClickLeft(){
            this.$router.go(-1)
        }
    }
}
</script>

<style>
body{
    height: 100%;
}
#app{
    height: 100%;
}
.container{
    height: 100%;
    background: #f0f0f0;
}
.userinfo{
    margin-top: 10px;
}
.userinfo-item{
    background-color: #fff;
    height: 45px;
    line-height: 45px;
     padding: 0 10px;
    border-bottom: 1px solid #f0f0f0;
}
.userinfo-address{
    background-color: #fff;
    min-height: 45px;
    padding: 5px 10px;
    border-bottom: 1px solid #f0f0f0;
}
.userinfo-notice{
    background-color: #fff;
    min-height: 45px;
    padding: 5px 10px;
    border-bottom: 1px solid #f0f0f0;
}
.van-nav-bar{
    background-color: rgb(0, 234, 255);
}
.van-nav-bar__text{
    color: #000;
}
.van-nav-bar .van-icon{
   color: #000; 
}
</style>